page-person {
  .login-header{
    display: block;
    width: 100%;
    height: 30vh;
    text-align: center;
    position: relative;
    background: url(../../assets//img/login_bac.png);
    background-size: cover;
    color: #fff;
  }

  //icon
  .settingIcon{
    position: absolute;
    right: 20px;
    top: 30px;
    width: 20px;
    height: 20px;
  }
  .setting{
    color: #fff;
    font-size: 24px;
  }
  // avatar
  .loginAvatar{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    left: 30px;
  }
  .loginAvatar .img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  .loginName{
    width: 200px;
    height: auto;
    position: absolute;
    top: 23px;
    left: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
  }
}
